@blue_light: #005CBC;
@minutes_blue: #005CBC;
@content-width: 996px;
@label_color: #777;
@gray_main: #666;
@icons: "/static/images/icons.png";
@mail_logos: "/static/images/mail_logos.png";

* { padding: 0; margin: 0; }
a img {border: none; outline: none;}
a:active, img:active {  border: none; outline: none; }
:-moz-any-link:focus {  outline: none; }

.clearfix::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

html {
    width: 100%;
    height: 100%;
    background: #EDEFED;
//	background: #fff;
    z-index: 0;
}

body {
    z-index: 0;
    width: 100%;
    height: 100%;
	font-family: Arial, Helvetica, sans-serif;
    background: #EDEFED;
	font-size: 13px;
	line-height: 1.231;
	color: #444;
}

p {  padding: 10px; }

#header {
	background: #FFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
}

div#wrapper {
    width: 100%;
    min-height: 100%;
    margin-bottom: -65px;
}

div#container {
    width: @content-width;
    margin: 0 auto;
//    overflow: hidden;
}

div#items_container {
    margin-bottom: 24px;
}

ul.errorlist {
    background: red;
    color: white;
    margin: 5px 0;
    padding: 0px;
    list-style: none;
}

div#footer-spacer {
    height: 65px;
}

div#profile_container {
	padding:6px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:14px;
}

div#item_error {
    width: 100%;
    overflow: hidden;
    color: @label_color;
    font-size: 20px;
    margin: 20px auto 100px auto;
    div#item_error_text {
        margin-left: 50px;
        width: 450px;
        float: left;
    }
    div#item_error_img {
        float: left;
        margin-left: 50px;
        width: 60px;
        height: 80px;
        border: 0;
        img {
            width: 60px;
            height: 80px;
        }
    }
    div.bold {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 30px;
    }

}

div#profile {
    background:#FFF;
	padding:10px 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:14px;
	float: left;
	width: 51%;
    div#profile_title {
    	padding: 5px 0px;
        span {
            font-size: 28px;
            font-weight: normal;
        }
        label {
            margin-top: 74px;
        }
    }

    div#profile_avatar{
        float: left;
        border: 1px solid #ccc;
        vertical-align: bottom;
        max-width: 110px;
        img {
            max-width: 110px;
            vertical-align:middle;
        }
    }
    div#profile_upload {
       	margin-left:10px;
    	float:left;
	    display:block;
	    line-height:2em;
	    font-size:12px;
	    vertical-align:top;
    }
}

div#profile  p, div#account p, div#notification_container p {
	padding: 10px 0px;
}

div#profile div#profile_title span, div#account_title span, #notification_title, #follow_title, #velcom_title, div#general_page span, div#Connect_title span {
    font-size: 28px;
    font-weight: normal;
}

div#profile label, div#account label {
    width: 110px;
    font-weight: bold;
    display: inline-block;
    float:left;
    padding-bottom:10px;
    padding-top:4px;
}

#profile input, #profile select, #account input {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDD;
    color: #005CBC;
    font-size: 13px;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#profile_upload input, #account_system input {
	border:0px;
	width:240px;
}

div#delete_profile {
	display:none;
}

div#profile_submit {
	display:block;
	height:40px;
}

div#notification_container {
    display: block;
    background: white;
    padding: 10px 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 14px;
    float: left;
    overflow:hidden;
    min-height: 385px;
    min-width: 577px;
    label {
        display: inline-block;
        width: 450px;
    }
    label.title {
        font-weight: bold;
    }
    p span {
        display: inline-block;
        width: 60px;
        text-align: center;
    }
}

div#account {
    background:#FFF;
    padding:10px 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom:14px;
    float:left;
    width: 39%;
    margin-left: 20px;
    div#delete_profile {
        width: 400px;
        margin-top: 100px;
        margin-left: 50px;
        text-align: justify;
        div {
            margin:0;
            padding:0;
            text-align: justify;
        }
        a {color: @gray_main;}
        a:last-child {
            margin-left: 50px;
        }
    }
}

div#Connect {
	background:#FFF;
	padding:10px 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:14px;
	float:left;
	width: 39%;
	margin-left: 20px;
}

div#Connect_box {
	display:block;
	vertical-align:middle;
	padding: 10px 0px;
    span {
        display:inline-block;
        width: 40px;
        vertical-align:middle;
        text-align:center;
    }
    .connect_label {
	    padding: 10px;
    }
}


#leftcolumn {
	float: left;
	color: #555;
    min-height:1px;
    width: 61.8%;
	padding: 0 7px 0 14px;
}

#rightcolumn {
    margin-top:11px;
    color: #555;
    min-height:1px;
    float: left;
    width: 33.9%;
    padding: 0 14px 0 7px;
}


div#submit {
    #submit_button {
        float: right;
        font-size: 14px;
        height: 26px;
    }
    background-color: #FFF;
	border: 1px solid #eee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px 20px 0px;
    margin-bottom: 24px;
	border-radius: 8px;
    overflow: hidden;
    div#additional {
        overflow: hidden;
    }
    input#id_message {
    	background: none repeat scroll 0 0 #FFF;
	    border: 2px solid #DDD;
        color: #005CBC;
        font-size: 22px;
        line-height: 20px;
        margin-left: 2px;
	    padding: 6px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    border-radius: 8px;
	    margin-bottom: 12px;
	    width: 552px;
    }
    div#upload_container {
        padding:20px 10px 24px 10px;
        overflow: hidden;
        display:none;
        div#upload{
            float: left;
            div#picture-upload {
	            line-height:1.7em;
	        }
	        div#picture-notification {
                font-size:11px;
	            color:#bbb;
	        }
        }
    }
    div#more_details {
        position:relative;
	    clear:both;
	    padding:20px 10px 10px 10px;
	    height:80px;
	    line-height:1.5em;
        display:none;
        #id_description {
            font-family:inherit;
            resize: none;
            float:right;
	        background: none repeat scroll 0 0 #FFF;
            border: 1px solid #DDD;
            color: #005CBC;
            font-size: 1.3em;
            line-height: 20px;
            margin-left: 2px;
            padding: 2px;
	        width: 300px;
	        -moz-border-radius: 5px;
	        -webkit-border-radius: 5px;
	        border-radius: 5px;
	        overflow: auto;
        }
        #id_category {
	        float:right;
            background: none repeat scroll 0 0 #FFF;
            border: 1px solid #DDD;
            color: #005CBC;
            font-size: 1.3em;
	        font-weight:bold;
            line-height: 20px;
            margin-left: 2px;
	        padding: 2px;
	        width: 305px;
	        -moz-border-radius: 5px;
	        -webkit-border-radius: 5px;
	        border-radius: 5px;
        }
        #description_count {
	        float:right;
	        clear:both;
	        font-size:11px;
        }
    }
    div#item_details {
        float:left;
        width:400px;
    }
    div.more_details_picture {
        float:right;
  	    background: #FFF;
	    padding: 1px;
	    border: 1px solid #ddd;
	    max-height:75px;
        display: none;
        img {
            max-height:75px;
        }
    }
}

div#control_block {
    margin-top:14px;
//    width:@content-width;
}

div.user_avatar {
    width: 90px;
    float:left;
    img {
        width: 90px;
        float:left;
    }
}

div.follow_avatar {
    float:left;
    width: 75px;
    height: 75px;
    border: 1px solid transparent;
    img {
        margin:auto;
        width:75px;
        height:75px;
    }
}

div.table_avatar {
    position:relative;
    display: table-cell;
    background: #f8f8ff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 45px;
    height: 45px;
    min-height: 45px;
    border: 1px solid transparent;
    img {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 45px;
        height: 45px;
    }
}


div#story_right, div#my_items_right {
	background:#FFF;
	padding:6px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	min-width:280px;
	font-size:13px;
	margin-bottom:14px;
	a {
        font-size: inherit;
        text-decoration: none;
        color: @minutes_blue;
    }
	a:hover {
	    text-decoration:underline;
    }
    ul {
        clear:both;
	    background:#FFF;
	    padding: 12px 8px 8px 8px;
	    font-weight: inherit;
	    font-style: inherit;
	    font-family: inherit;
	    vertical-align: baseline;
	    text-align:left;
	    list-style: none;
	    line-height:30px;
	    font-size: 1.1em;
	    font-weight:normal;
    }
    li {
        margin: 0px;
        padding: 6px 4px;
        border-top: 1px solid #ddd;
        overflow: hidden;
    }
}

div#story_by {
	margin-top: 6px;
	padding: 4px 8px;
	word-wrap: break-word;
    overflow: hidden;
}

div#story_item_username {
	word-wrap: break-word;
	float:left;
    a {
	    padding: 4px 8px;
	    font-size:20px;
    }
    div.follow {
        word-wrap: break-word;
        a {
            font-size:12px;
	        color:#bbb;
        }
        a:hover {
        	text-decoration:underline;
        }
    }
}


.my_items_info_message div.message_box{
    line-height:1.3em;
	font-size:12px;
	padding-bottom:10px;
	float:left;
	vertical-align:middle;
}

div.story_container {
    background: inherit !important;
//    overflow: hidden;
    padding: 0px !important;
    border-top: none !important;
    border-bottom: none !important;
}

div#story_container {
    background:#FFF;
	padding:14px 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:14px;
    overflow: hidden;

    a, input {
        margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        text-decoration: none;
    }
    a {
        color: @minutes_blue;
    }
    a:hover {
        text-decoration:underline;
        color:@minutes_blue;
    }

    div#story_body{
        overflow: hidden;
    }

    div#story_message {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.1em;
        text-transform: none;
        color:#005CBC;
        border-bottom: 1px solid #DDD;
        padding-bottom:10px;
    }
    div#story_info {
        width: 100%;
        float: left;
        overflow: hidden;
    }
    div#story_bottom_line {
        color: #005CBC;
    }
    div#story_bottom_line a:hover {
	    text-decoration:underline;
    }
    div#story_description {
        clear:both;
        margin-bottom: 10px;
        font-size: 1.2em;
        font-weight:normal;
        line-height: 1.1em;
    }
    div#story_photo {
        float:left;
        padding-top: 10px;
        padding-bottom: 10px;
        max-height: 375px;
        max-width: 490px;
        img {
            max-height: 375px;
            max-width: 490px;
        }
    }
    div#story_actions_container {
        margin-top:10px;
	    float:right;
	    div.user_actions {
	        a:hover, input:hover {
	            text-decoration:underline;
            }
        }
    }
}

div#velcom_container {
    div.bold {
        font-weight: bold;
	    margin-top: 20px;
	    font-size: 14px;
    }
    div.description {
	    line-height:1.6em;
	    word-wrap: break-word;
    }
    a.velcome_link {
	    font-size: 13px;
	    font-weight:bold;
	    font-style: italic;
	    line-height: 2.5em;
	    color: @minutes_blue;
	    text-decoration: none;
	}
}

div.item:first-child {
	border-top: 1px solid #ddd;
}

div.item {
	border-bottom: 1px solid #ddd;
	padding:6px;
    background: #FFF;
    a.nonactive { color: gray; }
    a{
        text-decoration: none;
        color: @blue_light;
    }
    div.item_body {
        display:inline-block;
	    width:485px;
	    margin-left:6px;
	}
    div.item_image {
        float: left;
        background: #FFF;
        padding: 1px;
        border: 1px solid #ddd;
        height:74px;
        width:104px;
        img {
            height:74px;
            width:104px;
        }
    }
    div.message {
        font-size: 16px;
	    color: #005CBC;
	    line-height: 1.2em;
	    font-weight:bold;
	    padding-top:2px;
	    a {
	        font-size: 1.2em;
	        color: #005CBC;
	        line-height: 1.1em;
	        font-weight:bold;
	     }
	}
    div.user_actions_container {
        width: 78px;
        min-height:78px;
        float: right;
    }
    div.user_actions {
        visibility: hidden;
        position: relative;
        form {
            display: inline;
        }
        a, input {
            margin-top: -2px;
            font-size: 12px;
            line-height: 18px;
            color: #005CBC;
            text-decoration: none;
        }
        a:hover, input:hover {
        	text-decoration:underline;
        	color:#005CBC;
        }
    }

    div.item_message {
    	width: 400px;
	    float:left;
	    min-height:63px;
	    position: relative;
	    padding-bottom: 15px;
    }
    div.follow {
        visibility: hidden;
        position:relative;
//	    line-height:1.7em;
	    line-height:1.2em;
        a{
        	color: #ccc;
        }
        a:hover{
            text-decoration:underline
        }
    }
    div.bottom_line {
        position: absolute;
        bottom: 0px;
        color: #777;
        min-height: 15px;
    }
    div.bottom_line {
        a:hover {text-decoration:underline;}
    }
}

div.item:hover {
    div.bottom_line {
        position: absolute;
        bottom: 0px;
        color: #005CBC;
        a {
            text-decoration: none;
            color: #005CBC;
        }
        a:hover {
        	text-decoration:underline;
        	color:#005CBC;
        }
    }
}

div.item:hover * {
    visibility: visible !important;
}

div.item:hover span {
    display: inline !important;
}

div.item:hover div.arrow  {
    display: inline !important;
}

div.item_control {
}

div#velcom_container, div#follow_container {
    display: block;
    background: white;
    padding: 10px 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 14px;
    float: left;
    overflow:hidden;
    min-height: 385px;
    min-width: 577px;
}


div#content {
    div.responses {
        float: left;
        color: #777;
        max-width:390px;
        border-top:1px solid #eee;
        margin-top:14px;
        display: none;
    }
    div.comment_div {
        overflow: hidden;
        display: none;
        padding: 14px 0;
	    clear: both;
        input.comment_text {
            float: left;
            background: none repeat scroll 0 0 #FFF;
	        border: 1px solid #ddd;
	        color:#005CBC;
	        font-size: 13px;
	        padding:4px;
	        text-align:left;
	        vertical-align:middle;
	        -moz-border-radius: 5px;
	        -webkit-border-radius: 5px;
	        border-radius: 5px;
	        width: 290px;
        }
    }
    div.airtime_div {
    	padding: 14px 0;
	    clear: both;
        display: none;
    }
    div.share_div {
        display: none;
        padding: 14px 0;
	    clear: both;
    }
    div.response {
        overflow: hidden;
        padding: 8px 4px 6px 4px;
        border-bottom:1px solid #eee;
        div.avatar {
            float: left;
            position: relative;
            display:block;
            border: 1px solid #DDD;
            width: 31px;
            height: 31px;
            padding:1px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background:#FFF;
        }
        div.comment_like {
            float: right;
        }
        form.comment_like_form, a.auth_required {
            visibility: hidden;
        }
    }
    div.response:hover input {
        display: block;
    }
}

div.arrow {
    position: relative;
    display: none;
    margin: -10px auto;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -168px;
}

div#navigate_tabs {
    width: 966px;
    height: 50px;
    ul#navigate_tabs_ul {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    width: 100%;
	}
	li {
	    float: left;
	    margin: 0;
	    padding: 0;
	    min-width: 120px;
        text-align: center;
	    height: 50px;
	    font-size: 1.3em;
	    font-weight:bold;
	    line-height: 50px;
	    position: relative;
        border-right-width: 1px;
	    border-right-style: solid;
	    border-right-color: #EEE;
	    a {
	        color: @minutes_blue !important;
	    }
	}
    li.active {
	    a {
	        color: white !important;
	    }
        background: @minutes_blue;
        div.arrow { display: block; }
    }
    li.click:hover {
	    a {
	        color: white !important;
	    }
        background: @minutes_blue;
    }
    li#logo {
        margin-left: 20px;
	    width: 164px;
	    position:relative;
	    float: left;
	    padding-top: 11px;
	    height: 39px;
	    border-right-width: 1px;
	    border-right-style: solid;
	    border-right-color: #EEE;
    }
    li#header_search {
        float:right;
	    height:20px;
	    margin-top:12px;
	    border-right: none;
	    input {
            float:left;
	        background: none repeat scroll 0 0 #FFF;
	        border: 1px solid #ddd;
	        color: #aaa;
	        font-size: 13px;
	        padding:4px 5px 2px 5px;
	        text-align:left;
	        vertical-align:middle;
	        -moz-border-radius: 5px;
	        -webkit-border-radius: 5px;
	        border-radius: 5px;
	        width: 180px;
	    }
    }
    li#login_box {
        float: right;
        margin-top:5px;
	    margin-right: 20px;
	    margin-left: 40px;
	    position: relative;
	    min-width: 220px;
	    border-right: none;
        div.drop_down_menu {
	        padding-top:3px;
	        padding-left:15px;
	        float: left;
	        text-align:left;
	        margin-bottom:7px;
        }
        div.login_box_name{
	        font-size: 13px;
	        line-height:1.6em;
	        font-weight:bold;
	        color: #005CBC;
        }
        div.login_box_live_items{
	        font-size: 12px;
	        margin-top:0px;
	        color: #999;
	        font-weight: normal;
            line-height:1.2em;
        }
        a#facebook_login{
            height: 50px;
            position: relative;
            width: 150px;
        }
        img#login_box_facebook {
            margin-top: 4px;
            height: 30px;
        }
    }

    a {
	    text-decoration: none;
	    display: block;
	    outline: none;
    }
}

ul#drop-down {
    display: none;
	clear:both;
	background:#FFF;
	margin: 0;
	padding: 5px 15px 5px 15px;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	text-align:left;
	list-style: none;
	line-height:26px;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-top: 2px solid #FFF;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	min-width: 190px;
	position: absolute;
	top:45px;
	z-index: 2002;
    li {
        float:none;
        border: none;
        text-align: left;
        height: 26px;
        line-height:26px;
    	font-size: 12px;
        font-weight: normal;
    }
    a {
        display: inline;
        vertical-align: middle;
    }
}

span#notification_count{
	background-color:#EC2F33;
	color: #FFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 10px;
	padding: 0px 4px 0px 4px;
}


ul#drop-down a:hover {
	text-decoration:underline;
}


li#login_box:hover ul#drop-down {
    display: block;
}


div#profile_subtabs {
    margin: auto;
    ul {
        margin: auto;
	    padding: 0;
	    list-style: none;
	    height: 32px;
	    width: 435px;
	}
	li {
        float: left;
        margin: 0;
        text-align: center;
        line-height: 31px;
        padding: 0 5px;
        min-width: 90px;
        a {
            color: @minutes_blue;
            line-height: 18px;
            padding:2px 6px 2px 6px;
	        font-size: 1.1em;
	        text-decoration: none;
	        display: block;
	        outline: none;
	        border-radius: 15px;
	        -moz-border-radius: 15px;
	        -webkit-border-radius: 15px;
        }
        a:hover {
        	background: #DDD;
	        color: #005CBC;
	        text-decoration: none;
	        padding:2px 6px 2px 6px;
	        display: block;
	        font-size: 1.1em;
	        border-radius: 15px;
	        -moz-border-radius: 15px;
	        -webkit-border-radius: 15px;
        }
        a.active, a:active {
            background:#005CBC;
	        color:#FFF;
	        text-decoration: none;
	        padding:2px 6px 2px 6px;
	        display: block;
	        font-size: 1.1em;
	        border-radius: 15px;
	        -moz-border-radius: 15px;
	        -webkit-border-radius: 15px;
        }
    }
}

div#navigate_subtabs {
    margin: auto;
    ul {
        margin: auto;
	    padding: 0;
	    list-style: none;
	    height: 32px;
	    width: 525px;
	}
    li#focuson {
        a.active {
            font-weight: bold;
	        background: none;
	        color: @minutes_blue;
	    }
	    a:active {
            font-weight: bold;
   	        background: none;
   	        color: @minutes_blue;
	    }
    }
	li {
	    float: left;
        margin: 0;
        text-align: center;
        line-height: 31px;
        padding: 0 5px;
        min-width: 90px;
        a {
            color: @minutes_blue;
            line-height: 18px;
            padding:2px 6px 2px 6px;
        	font-size: 1.1em;
	        text-decoration: none;
	        display: block;
	        outline: none;
	        border-radius: 15px;
	        -moz-border-radius: 15px;
	        -webkit-border-radius: 15px;
        }
        a:hover {
        	background: #DDD;
	        color: #005CBC;
	        text-decoration: none;
	        padding:2px 6px 2px 6px;
	        display: block;
	        font-size: 1.1em;
	        border-radius: 15px;
	        -moz-border-radius: 15px;
	        -webkit-border-radius: 15px;
        }
        a:active, a.active {
	        background:#005CBC;
	        color:#FFF;
	        text-decoration: none;
	        padding:2px 6px 2px 6px;
	        display: block;
	        font-size: 1.1em;
	        border-radius: 15px;
	        -moz-border-radius: 15px;
	        -webkit-border-radius: 15px;
        }
    }
}

div#filter {
    display: none;
	margin: 0px auto 10px auto;
	padding: 10px 18px;
	width: 580px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
//	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(242,242,242,1)) , color-stop(.5,#FFF));
    background: #FFF;
	border: 1px solid #ddd;
	border-bottom:none;
    a {
        text-decoration: none;
        margin-top: -2px;
        font-size: 12px;
        padding: 0 9px;
        line-height: 2.4em;
        outline: none;
        color: @minutes_blue;
    }
    a:hover, a.active {
        background: #65CAF0;
        text-decoration: none;
        color: white!important;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    a:first-child {
    	font-weight:bold;
   	}
}

#id_location {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    -webkit-box-align: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #DDD;
    color: #005CBC;
    font-size: inherit;
	font-weight:normal;
    line-height: 18px;
    margin-left: 4px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div#location_choice select.active {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    -webkit-box-align: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #DDD;
    color: #65CAF0;
    font-size: inherit;
	font-weight:normal;
    line-height: 18px;
    margin-left: 4px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.qq-upload-button {
    display:block;
    width: 200px;
    padding: 0;
    text-align:left;
    background: inherit;
    color: #005CBC;
    font-size: 12px;
}
.qq-upload-button:hover {
    text-decoration: underline;
}

div.div_alert {
    background: #880000;
    color: white;
    width: 300px;
}
div.items_alert {
    background: #880000;
    color: white;
    width: 100%;
    text-align: center;
    margin: 5px auto 5px auto;
}
div.facebook_alert {
    background: #880000;
    color: white;
    width: 100%;
    text-align: center;
}

img.avatar {
    width: 31px;
    height: 31px;
    margin: auto;
}

img#header_avatar {
    margin-right:15px;
	float: right;
	border: 1px solid #ddd;
	padding:1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background:#FFF;
    width: 35px;
    height: 35px;
}

div#engage_login {
    position: absolute;
    padding: 10px 10px 10px 40px;
    width: 500px;
    min-height: 170px;
    border: 3px solid rgba(128,128,128,0.5);
    -moz-border-radius:20px;
    border-radius:20px;
    -moz-background-clip:padding;
    background-color: white;
    z-index:1002;
    display: none;
    overflow: none;
    color: @label_color;
    div#engage_login_title {
        font-size: 20px;
    }
    div#engage_login_button {
        padding-top: 20px;
    }
    div#engage_login_text {
        width: 60%;
        span {
            font-size: 20px;
            font-weight: bold;
            display: inline-block;
            color: @minutes_blue;
        }
        float: right;
    }
    div.login_buttons {
        float: left;
    }
    div.login_button {
        margin-top: 5px;
    }
}

div.facebook_close, div.twitter_close, div.close, div.message_close, input.comment_delete, div.temp_message_close, div.follow_close {
    float:right;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer ;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 5px -2849px;
}

input.comment_delete {
    border: none;
    outline:none;
    background-color: inherit !important;
    display: none;
}

form.comment_delete_form {
    float:right;
}

span.gray {
    color: @label_color !important;
}
span.blue {
    color: @blue_light !important;
}

span.gray_bull {
    color: #bbb;
    font-size: 18px;
    font-weight: bold;
}

span.blue_bull {
    color: #005CBC;
    font-size: 18px;
    font-weight: bold;
}


span.strong {
    font-weight: bold;
}
span.small {
    font-size: 11px;
}
span.red {
    color: red;
    font-size: 20px;
}


input::-webkit-input-placeholder { color: #005CBC; }
input:-moz-placeholder { color: #005CBC; }

a.submit_button, input.submit_button {
    display: inline-block;
	float: left;
	font-size: 13px;
	text-decoration: none;
	outline: 0;
	border: 0;
	min-width:70px;
	height:24px;
	color: #ffffff;
	background: -moz-linear-gradient(top, #42aaff 0%, #005bbc);
	background: -webkit-gradient(linear, left top, left bottom,	from(#35a5fa),	to(#005bbc));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2),	0px 1px 0px rgba(255,255,255,0.3);
	margin-left:8px;
}

a.submit_button {
    line-height:26px;
    padding: 0px;
}

input.unfollow_button {
    display: inline-block;
	font-size: 13px;
	text-decoration: none;
	text-align:center;
	width:60px;
	height:24px;
	outline: 0;
	border: 0;
	color: #ffffff;
	background: -moz-linear-gradient(top, #42aaff 0%, #005bbc);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}

a.submit_button:hover, input.submit_button:hover {
    background: -moz-linear-gradient(top, #005bbc 0%, #42aaff) !important;
	background: -webkit-gradient( linear, left top, left bottom, from(#005bbc), to(#35a5fa)) !important;
    border-top-color: #28597a;
    background: #28597a;
    outline: 0;
}

a.submit_button.gray {
    float:right;
	font-size: 14px;
	text-align:center;
	width:70px;
	height:26px;
	color: #ffffff;
	background: -moz-linear-gradient(top, #42aaff 0%, #005bbc);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}

a.submit_button:active, input.submit_button:active {
    background: #005bbc !important;
    outline: 0;
}

input.submit_button:disabled {
    float:left;
    font-size: 13px;
	text-align:center;
	min-width:70px;
	height:24px;
	color: #ffffff;
	padding: 5px;
	background: -moz-linear-gradient(top, #42aaff 0%, #005bbc) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA)) !important;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}

span.hidden {
    display:none;
}
span.plus {
    font-weight: bold;
    vertical-align: middle;
}
input.button_as_link, input.button_as_link.gray {
    color: @blue_light;
    vertical-align: middle;
	padding: 0;
    margin: 0;
	border-width: 0;
	cursor: pointer;
    outline: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
   	line-height: 1.231;
    background:none;
}

input.button_as_link.gray{
    color: #bbb;
}

span#in_question {
    color: #bbb;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
   	line-height: 1.231;
    background:none;
}

div.btn_less {
    float:left;
    display: block;
    width: 20px;
    height: 18px;
    margin-top:2px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: -2px -67px;
}

div.btn_more {
    float:left;
    display: block;
    width: 20px;
    height: 18px;
    margin-top:2px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -95px;
}

div.airtime_amount {
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    float: left;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-top:2px;
}

div.facebook_share {
    margin-top: 20px;
    background: white;
    position: absolute;
    z-index: 1000;
    display: none;
    width: 480px;
    border: 1px solid blue;
    overflow: hidden;
    div.title {
        background: @blue_light;
        color: white;
        font-weight: bold;
        line-height: 30px;
    }
    div.facebook_message {
        overflow: hidden;
        margin-left: 50px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-right: 20px;
    }
    div.facebook_content {
        margin-left: 10px;
        width: 350px;
        overflow: hidden;
        float:left;
        textarea {
            resize: none;
            width: 100%;
            font-size: 18px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: 1px solid @label_color;
        }
        div.item_message {
            position: relative;
            overflow: hidden;
            width: 100%;
            margin-top: 10px;
            div.item_links {
                float: left;
                width: 230px;
                margin-left: 10px;
            }
            div.facebook_submit {
                position: absolute;
                bottom: 0;
                width: 230px;
                input {
                    float: right;
                }
            }
        }
    }
    div.avatar {
        float:left;
        position: relative;
        width: 50px;
        height: 50px;
        img {
            width: 50px;
            height: 50px;
        }
    }
}

div.avatar {
    float:left;
    position: relative;
    width: 50px;
    height: 50px;
}

div.follow_user {
    display: none;
    position: absolute;
    padding: 3px;
    min-width: 270px;
    border: 2px solid #aaa;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -moz-background-clip: padding;
    background-color: white;
    z-index: 2000 !important;
    color: #777;
}

form.follow_form, #follow_form_right, form.follow_form_broadcaster {
    float:left;
	margin:7px;
}

div.follow_user_content {
	display: inline-block;
	padding:8px;
}

div.follow_user_avatar {
    float: left;
    position: relative;
}

img.follow_user_avatar {
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin: auto;
}

div.follow_user_data {
    float: left;
    margin: 0px 10px 0 10px;
    line-height:1.45em;
}

div.twitter_share {
    margin-top: 20px;
    background: #99ffff;
    position: absolute;
    z-index: 1000;
    display: none;
    width: 480px;
    border: 1px solid blue;
    overflow: hidden;
    div.textwrapper {
        margin: 10px 15px 10px 15px;
    }
    textarea.twitter_message {
        resize: none;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 10px solid transparent;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip:padding;
        background: white;
        font-size: 18px;
        -moz-box-shadow: 0 0 10px 10px #99ccff;
        -webkit-box-shadow: 0 0 10px 10px #99ccff;
        box-shadow: 0 0 10px 10px #99ccff;
    }
    div.title {
        overflow:hidden;
    }
    div.twitter_submit {
        overflow: hidden;
        margin: 0 15px 10px 15px;
        padding-top: 5px;
        span, input { float: right}
        span {margin-right: 5px;}
        input {
            color: white;
            width: auto;
            background: #99ccff;
        }
    }
}

div#more_news_div {
    text-align: center;
    a#more_news {
        display:block;
        text-decoration: none;
        text-align: center;
        height: 40px;
        line-height: 40px;
        width: 600px;
        margin: auto;
        color: #005CBC;
        text-decoration: none;
    }
    a{
        float: none;
    }

}

ul#messages {
    margin: 0;
    color: @label_color;
	padding: 0;
	list-style: none;
    li {
        margin-bottom: 10px;
	    padding:3px;
	    font-size: 1.1em;
	    text-align:center;
	    overflow: hidden;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	    a {
	        text-decoration: underline;
	        font-size: 1.0em;
	     }
    }
    li.success {
        border: 1px solid #9CF;
       	color: #424242;
       	background-color:#DFEEFF;
       	a { color: #424242; }
    }
    li.info {
        border:1px solid #ff3;
	    color: #660;
	    background-color:#ffc;
       	a { color: #660; }
    }
    li.error {
	    border: 1px solid #F9C8C8;
	    color: #D14848;
	    background-color: #FCE8E8;
       	a { color: #D14848; }
    }
}

div#footer_bar {
    clear: both;
    color: #005CBC;
    background: #ddd;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #BBB;
    vertical-align:middle;
    position:relative;
    height: 65px;
    width: 100%;
    text-align: center;
    ul {
        margin: 0;
        overflow: hidden;
        display: inline-block;
    	padding: 0;
    	list-style: none;
    }
    li {
        float: left;
    	margin: 0;
    	padding: 0;
        text-align: center;
    	line-height: 60px;
    }
    a{
        text-decoration: none;
        color: #005CBC;
        border-left: 1.5px solid;
        padding-right: 20px;
        padding-left: 20px;
    }
    li:first-child {
        a {border: none;}
    }
    span.bg-logo {
        vertical-align:middle;
    }
}
div.row {
    display: table-row;
}
div.cell {
    display: table-cell;
}

div#follow_container {
    div.follow_item {
        overflow:hidden;
        margin-bottom: 10px;
        font-size: 20px;
        div.form_follow {
            float:right;
            margin-top:18px;
        }
        div.follow_info {
            float: left;
            margin-left: 10px;
            width: 428px;
            overflow:hidden;
            a {
            	font-size:13px;
	            color: #005CBC;
	            text-decoration:none;
	        }
	        a:hover {
                text-decoration:underline;
            }
            div:last-child {
                font-size: 12px;
                margin-top: 5px;
            }
        }
    }
}

div#follow_title {
    margin-bottom: 20px;
}

div.follow_avatar {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    img {
        margin: auto;
        width: 60px;
        height: 60px;
    }
}


span.icon_search {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    margin-left:-20px;
    margin-top:1px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -3160px;
}

ul.ul-header {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    border-bottom: 1px solid #EEE;
}

.li-submit-tab {
	display: block;
	float: left;
	line-height: 1.2em;
	min-width: 130px;
	text-align: center;
	position: relative;
	height: 35px;
	margin-right: 6px;
	border: 1px solid #EEE;
	border-bottom: none;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: -moz-linear-gradient(top, #fffcff 0%, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fffcff), to(#eee));
    a {
//        color: inherit !important;
        color: #444;
        text-decoration: none;
    }
}

.li-submit-tab.active {
    a {color: #005CBC !important;}
    position: relative;
    z-index: 5;
    bottom: -1px;
	background: -moz-linear-gradient(top, #FFF 0%, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
}

.li-submit-tab-label {
	margin-top: 10px;
	margin-left: 5px;
	float:left;
}

.li-submit-tab:active {
	background: -moz-linear-gradient(top, #FFF 0%, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
	color: #005CBC !important;
    a {color: #005CBC !important;}
}

.li-submit-tab:hover {
	background: -moz-linear-gradient(top, #FFF 0%, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
	color: #005CBC !important;
    a {color: #005CBC !important;}
}


.icon_plus {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -30px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
}

.icon_expand {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -1190px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    margin-right:0px;
}

.icon_more_news {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -866px;
}

.icon_new {
    display: inline-block;
    width: 35px;
    height: 12px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 5px -236px;
}

.icon_user_found {
    display: inline-block;
    width: 17px;
    height: 15px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: -1px -257px;
}


.icon_more_dev_stories, .icon_more_broadcasters {
    display: block;
    width: 20px;
    height: 15px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -1700px;
    cursor: pointer;
}

.icon_less_dev_stories, .icon_less_broadcasters {
    display: block;
    width: 20px;
    height: 15px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -1679px;
    cursor: pointer;
}

.icon_read_more {
    float:right;
    display:inline-block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -2959px;
    margin-left:-4px;
}

.icon_facebook {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -1046px;
}

.icon_facebook_big {
    display: inline-block;
    float:left;
    width: 35px;
    height: 35px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -1070px;
}

.icon_twitter {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -4127px;
}

.icon_link_share {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 0px -208px;
}

.triangle_black_left {
    display: inline-block;
    width: 20px;
    height: 12px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: 4px -2962px;
    margin-left:1px;
}

.triangle_blue {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(@icons);
    background-repeat: no-repeat;
    background-position: -1px -2912px;
    margin-left:1px;
}

div.progressbar {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

#login_box div.triangle_gray {
	float:right;
	display: block;
	width: 20px;
	height: 40px;
	background-image: url(@icons);
	background-repeat: no-repeat;
	background-position: 5px -828px;
	border-right: 1px solid #ddd;
	margin-right:6px;
}

#login_box:hover div.triangle_gray {
	float:right;
	display: block;
	width: 20px;
	height: 40px;
	background-image: url(@icons);
	background-repeat: no-repeat;
	background-position: 5px -855px;
	border-right: 1px solid #ddd;
	margin-right:6px;
}

div.comment_details {
	display:inline-block;
	font-size: 12px;
	width:318px;
    float: left;
	padding-left:8px;
}

div.commenter a {
	font-weight:bold;
}

div.commenter a:hover {
	text-decoration:underline;
}

div.comment {
	display:block;
	line-height:15px;
}

span.share_label {
    padding-top:2px;
    float:left;
    margin-right:20px;
}

div.add {
	float:left;
	height: 18px;
    padding-top:4px;
}

div.counter {
    float:left;
    width:200px;
    height: 18px;
}

div.to_this_item {
    float:left;
    height: 18px;
    padding-top:4px;
}

div#dev-stories {
    a {
        color: #005CBC;
        text-decoration: none;
    }
    a:hover {text-decoration:underline;}
	margin-top:0px;
    div.dev_header {
        background: white;
	    font-size: 22px;
	    letter-spacing: -0.03em;
	    color: #666;
	    padding: 11px 14px 7px 14px;
	    -moz-border-top-right-radius: 8px;
	    -webkit-border-top-right-radius: 8px;
	    -moz-border-top-left-radius: 8px;
	    -webkit-border-top-left-radius: 8px;
	    border-top-left-radius: 8px;
	    border-top-right-radius: 8px;
    }
    div.dev_footer {
	    background: white;
	    padding:6px;
	    -moz-border-bottom-right-radius: 8px;
	    -webkit-border-bottom-right-radius: 8px;
	    -moz-border-bottom-left-radius: 8px;
	    -webkit-border-bottom-left-radius: 8px;
	    border-bottom-left-radius: 8px;
	    border-bottom-right-radius: 8px;
	    text-align:right;
	    a { margin-right:10px; }
        a:hover {text-decoration:underline;}
    }
}

div.dev_stories_container {
    position: relative;
    border-bottom: 1px solid #eee;
	margin:1px 8px 2px 8px;
	padding: 4px 0 4px 0;
	background:#FFF;
    overflow: hidden;
    a {
        margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        color: #005CBC;
        text-decoration: none;
    }
    div.item_image {
	    float: left;
	    display:block;
	    margin-left:8px;
	    position:relative;
        a {
            line-height:0;
            img {
        	    height: 30px;
	            width: 30px;
	            padding: 1px;
	            border: 1px solid #ddd;
            }
        }
        a:hover {
            img {
    	        border: 1px solid #005CBC;
            }
        }
    }
    div.item_message {
        margin-left: 6.4em;
	    margin-right: 0.3em;
    }
    div.message_time {
  	    float: left;
	    margin-top: 0px;
	    margin-left: 2px;
	    font-size:13px;
	    color:#aaa;
	    font-weight: bold;
    }
    span.item_status {
    	position: absolute;
	    bottom:7px;
	    right:4px;
	    display:inline-block;
	    background: rgba(255, 255, 51, 0.8)!important;
	    width: 9px;
	    height: 9px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
    }
    a:hover {
        span.item_status {
            background: rgba(255, 255, 51, 1)!important;
        }
    }
    div.message {
	    word-wrap: break-word;
	    font-weight:bold;
        a {
            text-decoration:none;
	        font-size:13px;
	        line-height:10px;
	    }
        a:hover{
	        text-decoration:underline;
	    }
    }
    span.item_user {
    	font-size: 10px;
	    color: #999;
	    margin-left:2px;
    }
}

div.dev_stories_container:last-child {
    margin-bottom: 0;
}

div.dev_stories_container:first-child {
	border-top: 1px solid #eee;
	margin-top:0;
	padding-top:6px;
    div.item_image {
        a:hover {
            img {
	            height: 50px;
	            width: 50px;
	            padding: 0px;
	            border: 3px solid #005CBC;
            }
        }
        img {
    	    height: 50px;
	        width: 50px;
	        padding: 0px;
	        border: 3px solid #ddd;
        }
    }
    div.item_message {
    	margin-left: 8.1em;
    	margin-right: 0.3em;
    }
    div.message_time {
    	float: left;
	    margin-top: 0px;
	    margin-left: 2px;
	    color:#aaa;
	    font-weight: bold;
    }
    span.item_status {
    	bottom:8px;
    	right:5px;
    	width: 11px;
    	height: 11px;
    }
}


div.dev-stories-list {
    background: white;
    display: block;
    position: relative;
    div.dev_footer, div.dev_less {
	    background: #FFF;
	    height: 20px;
	    padding-top: 4px;
    }
    div.dev_less {
	    display: none;
    }
}

div#general_page {
	background:#FFF;
	padding:10px 18px;
    margin: 14px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 94%;
	word-wrap: break-word;
    a {
        margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        color: #005CBC;
        text-decoration: none;
    }
}

div#general_page ul, #general_page ol {
	padding-left:30px;
}

div#getting-started-content {
//	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	background: #FFF;
}

div#getting-started-content .getting-started-header {
padding: 16px 0px 16px 0px;
border-bottom:1px solid #ddd;
}

div#getting-started-content .getting-started-features {
padding: 18px 0px 0px 0px;
font-size:14px;
}


.getting-started-header span {
	letter-spacing: -1px;
	font-size: 28px;
	line-height:1.1em;
	color:#005CBC;
	}

.getting-started-header .rules {
	padding-top:10px;
	font-size:1.3em;
	font-style:italic;
	line-height: 1.4em;
}


div#getting-started-content .left-column, div#getting-started-content .right-column {
	float: left;
	width: 422px;
	background: #FFF;
}


div#getting-started-content .left-column {
	margin-right:42px;
}

div#getting-started-content .feature-box {
	height:120px;
	margin-top:20px;
	border-bottom:1px solid #ddd;
}

div#getting-started-content .feture-content {
	font-size: 13px;
	line-height: 20px;
}


div#getting-started-content .feature_image {
	float:left;
	display:block;
	width: 120px;
	height: 91px;
	display: block;
	background-position:center;
	margin-right: 20px;
}

.feture-content h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #005CBC;
}

div#div_more_responses, div#responses_end {
    padding: 8px 2px;
    font-size: 12px;
}

div#responses_end {
    color: @minutes_blue;
    a:hover {text-decoration:underline;}
}

form.comment_form {
//    overflow: hidden;
}

.icon_email {
    float:left;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(@icons);
    background-repeat: no-repeat;   
    background-position: 0px -993px;
}

div#error_404 {
    width: 50%;
    margin: 50px auto;
    text-align: center;
    p {  padding: 0px; }
    font-size: 18px;
}

#top_broadcasters {
	margin:10px 0px;
    a {
        margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        color: #005CBC;
        text-decoration: none;
    }
    a:hover {text-decoration:underline;}

    div.dev_header {
      	background: white;
	    font-size: 22px;
	    letter-spacing: -0.03em;
	    color: #666;
	    padding: 11px 14px 7px 14px;
	    -moz-border-top-right-radius: 8px;
	    -webkit-border-top-right-radius: 8px;
	    -moz-border-top-left-radius: 8px;
	    -webkit-border-top-left-radius: 8px;
	    border-top-left-radius: 8px;
	    border-top-right-radius: 8px;
    }
    .broadcaster_activity {
        margin-left: 18.5em;
        padding-right: 1.5em;
    }
    .bar_container {
        width: 4px;
	    height: 28px;
	    margin:3px 0px 2px 0px;
	    border-left: 0px solid #fff;
	    display: inline-block;
	    position: relative;
    }
    .bar {
        width: 5px;
	    min-height: 10%;
	    background: #67B3DD;
	    display: inline-block;
	    position: absolute;
	    bottom: 0;
    }
    .bar_container:nth-child(odd) {
        .bar {
    	    width: 5px;
    	    min-height: 10%;
    	    background: #65CAF0;
    	    display: inline-block;
    	    position: absolute;
    	    bottom: 0;
    	}
    }
    .bar:hover {
        span { display: inline !important; }
    }
    .activity_date {
	    color: white;
	    font-size: 11px;
	    background: rgba(0, 0, 0, 0.75)!important;
	    background: black;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    padding: 3px 7px 4px 7px;
	    z-index: 100;
	    position: absolute;
	    top: -40px;
	    left: -12px;
	    min-height:35px;
	}
    .activity_date_pointer {
    	width: 0;
    	height: 0;
    	border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    	border-style: solid;
    	border-width: 4px;
    	position: absolute;
    	bottom: -8px;
    	left: 10px;
    }
    div.broadcast_footer {
    	background: white;
    	padding:6px;
    	-moz-border-bottom-right-radius: 8px;
    	-webkit-border-bottom-right-radius: 8px;
    	-moz-border-bottom-left-radius: 8px;
    	-webkit-border-bottom-left-radius: 8px;
    	border-bottom-left-radius: 8px;
    	border-bottom-right-radius: 8px;
    	text-align:right;
    }
}

.broadcaster_container {
    display: inline-block;
    border-bottom: 1px solid #eee;
	margin:0px 8px 2px 8px;
	padding: 0px 0 2px 0;
	background:#FFF;
    .item_status_count {
    	position: absolute;
	    bottom:7px;
	    right:4px;
	    display:inline-block;
	    background: rgba(255, 255, 51, 0.8)!important;
	    width: 9px;
	    height: 9px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
    }
    a:hover .item_status_count {
        background: rgba(255, 255, 51, 1)!important;
    }

    span {
	    font-weight:bold;
	    font-size: 12px;
    }
    .broadcaster_name {
        margin-left:0.6em;
	    margin-right: 0.3em;
	    display:block;
	    float:left;
	    a {
	        font-weight:bold;
	        font-size:13px !important;
	    }
        a:hover {text-decoration:underline;}
    }
    .broadcaster_follow a {
    	color: #999 !important;
	    font-weight:normal;
	    font-size:12px;
    }
    .broadcaster_avatar {
	    float: left;
	    display:block;
	    margin-left:4px;
	    position:relative;
	    height: 37px;
        a { line-height:0; }
        img {
        	height: 30px;
	        width: 30px;
	        padding: 1px;
	        border: 1px solid #ddd;
        }
        a:hover img {
        	border: 1px solid #005CBC;
        }
    }
}

.broadcaster_container:first-child {
	border-top: 1px solid #eee;
	padding-top:6px;
}

div.control_less_more {
    height: 48px;
}

div.invite_title {
    padding: 5px 0px;
    span {
        font-size: 28px;
        font-weight: normal;
    }
}

div#invite {
    background: white;
    padding: 10px 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-left: 14px;
    margin-bottom: 14px;
    float: left;
    width: 45%;
    div#invite_list {
	    float:left;
        .invite_message {
	        font-size:1.2em;
	        font-weight:bold;
	        padding: 8px 0px;
	    }
    }
}

div#invite_email {
    background: white;
    padding: 10px 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 14px;
    float: left;
    width: 43%;
    margin-left: 20px;
    a {
	    font-weight:bold;
    	margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        color: #005CBC;
        text-decoration: none;
	}
    a:hover {text-decoration:underline;}
    .invite_email-container {
	    background-color: #F5F5F5;
	    margin-top: 10px;
	    margin-bottom: 20px;
	    padding: 20px;
    }
    .invite_skip {
	    float:left;
	    margin-left:10px;
	    padding: 0;
	    margin-top:3px;
    }
}

.gmail_contacts {
    display: block;
    width: 80px;
    height: 30px;
    background-image: url(@mail_logos);
    background-repeat: no-repeat;
    background-position: 0px -1px;
    float:left;
}

.gmail_contacts_s {
    display: block;
    width: 80px;
    height: 18px;
    background-image: url(@mail_logos);
    background-repeat: no-repeat;
    background-position: -3px -44px;
    float:left;
}

div#invite_emails {
    overflow: auto;
    height: 300px;
    a {
        margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        color: #005CBC;
        text-decoration: none;
    }
    a:hover {text-decoration:underline;}
    ul {
    	line-height:22px;
    }
    .invite_email_example {
    	color:#aaa;
    	font-style:italic;
    }
}

div#related-stories{
    div#related_header	 {
	    background: white;
	    font-size: 22px;
	    letter-spacing: -0.03em;
	    color: #666;
	    padding: 11px 14px 7px 14px;
	    -moz-border-top-right-radius: 8px;
	    -webkit-border-top-right-radius: 8px;
	    -moz-border-top-left-radius: 8px;
	    -webkit-border-top-left-radius: 8px;
	    border-top-left-radius: 8px;
	    border-top-right-radius: 8px;
    }
    div#related_footer {
	    background: white;
	    padding:6px;
	    -moz-border-bottom-right-radius: 8px;
	    -webkit-border-bottom-right-radius: 8px;
	    -moz-border-bottom-left-radius: 8px;
	    -webkit-border-bottom-left-radius: 8px;
	    border-bottom-left-radius: 8px;
	    border-bottom-right-radius: 8px;
	    text-align:right;
    }
    div#related-stories-list {
	    background: white;
	    display: block;
	    position: relative;
    }
    div.related_stories_container {
	    position: relative;
	    display: block;
	    overflow: hidden;
        border-bottom: 1px solid #eee;
	    margin:1px 8px 2px 8px;
	    padding: 4px 0 4px 0;
	    background:#FFF;
	    div.relative_item_image {
        	float: left;
	        display:block;
	        margin-left:8px;
	        position:relative;
            a {	line-height:0; }
            img {
            	height: 30px;
	            width: 30px;
	            padding: 1px;
	            border: 1px solid #ddd;
            }
            a:hover {
                img {
                	height: 30px;
	                width: 30px;
	                padding: 1px;
	                border: 1px solid #005CBC;
                }
            }
        }
        div.relative_item_message {
        	margin-left: 3.7em;
        	margin-right: 0.3em;
        }
        div.relative_message {
	        word-wrap: break-word;
	        font-weight:bold;
            a {
            	font-size:13px;
            	line-height:10px;
            }
            a:hover { text-decoration:underline; }
	    }
        span.item_status {
        	position: absolute;
        	bottom:7px;
        	right:4px;
        	display:inline-block;
        	background: rgba(255, 255, 51, 0.8)!important;
        	color: #005CBC;
        	font-size: 10px;
        	line-height:20px;
        	float:right;
        	margin-left:6px;
        	margin-top: 11px;
        	width: 9px;
        	height: 9px;
        	-webkit-border-radius: 2px;
        	-moz-border-radius: 2px;
        	border-radius: 2px;
        }
        a:hover {
            span.item_status {
        	    background: rgba(255, 255, 51, 1)!important;
            }
        }
        span.item_user {
        	font-size: 10px;
	        color: #999;
	        margin-left:2px;
        }
	}
    div.related_stories_container:first-child {
	    border-top: 1px solid #eee;
	    margin-top:0;
	    padding-top:6px;
    }
    div.related_stories_container:last-child {
        margin-bottom: 0;
    }
}
#footer {
 clear: both;
 min-height:60px;
 color: #005CBC;
 background: #ddd;
 border-top-width: thin;
 border-top-style: solid;
 border-top-color: #BBB;
 vertical-align:middle;
 position:relative;
    a {
        margin-top: -2px;
        font-size: 12px;
        line-height: 18px;
        color: #005CBC;
        text-decoration: none;
    }
}

#footer .bg-logo {
 vertical-align:sub;
 display:inline-block;
}

#footer_menu {
padding: 25px 0;
display:inline-block;
}

div#footer dl {
	float: left;
	margin: 0 20px;
	width: 140px;
}

div#footer dl dt {
text-align: left;
font-size: 12px;
font-weight: bold;
border-bottom: 2px solid #84B4DF;
padding-bottom: 5px;
margin-bottom: 3px;
}

div#footer dl dd {
font-size:12px;
border-bottom: 1px dotted #94C9F9;
text-align: left;
line-height: 180%;
padding-top: 3px;
}

div#footer dl:last-child {
	margin-left:20px;
	}

div#footer dl:last-child dt {
	border:none;
	line-height:130%;
	margin:2px 0;
	padding:0;
}

div#footer dl:last-child dd {
	border:none;
	padding-top:8px;
	font-size:11px;
}

button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {
        outline : none;
}
